@extends('common.public_index')
@section('title', $info->web_name."-深圳市峰华科技有限公司")
@section('keyword', $info->web_keyword)
@section('description', $info->web_desc)
@section('content')
<div class="banner">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">

            @foreach($banner as $k=>$v)
            <div class="swiper-slide">
                <div class="banner-bg " style="background-image:url('/uploads/{{$v->bgs}}');">
                    <div class="cover-img cover-img-active{{($k%4)+1}}">
                        <img src="/uploads/{{$v->move}}" alt="">
                    </div>
                    <div class="banner-content">
                        <div class="banner-info flex items-center h-full">
                            <div class="banner-title  ">
                                <div class="w-full ">
                                    <h2 class="sweiper-h2 "><a class=" text-2xl lg:text-4xl font-semibold" style="color:#000!important;" href="{{$v->url}}" title="{{$v->title}}">{!! $v->title !!}</a></h2>
                                    <div class="swiper-decs pt-3 mb-3" >
                                        {{$v->desc}}
                                    </div>
                                    <p class="swiper-p">
                                        <a href="{{$v->url}}"  class="swiper-btn">了解更多</a>
                                    </p>
                                </div>
                            </div>
                            <div class="banner-img flex items-center">
                                <img src="/uploads/{{$v->img}}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        </div>
</div>

<div class="content">
    <div class="cate-row md:py-12">
        <div class="row-content flex flex-wrap">
        @foreach($cate as $k=>$v)
            <div class="w-full md:w-1/2 flex aos-init aos-animate {{ $k%2==0?'md:border-r':'' }}"  data-aos="fade-up">
                <a href="{{ $v->c_url }}" class="block flex items-stretch">
                    <div class=" one-cate p-2 w-full  rounded flex-wrap  items-stretch m-2 flex">
                        <div class="row-img w-full md:w-1/2">
                            <div class="imgs overflow-hidden px-4 ">
                                <img  src="uploads/{{$v->img_url}}" alt="{{$v->c_name}}" title="{{$v->c_name}}" srcset="">
                            </div>
                        </div>
                        <div class="row-content w-full md:w-1/2 h-full">
                            <div class="row-contents px-4 h-full">
                                <h2 class="row-title pt-3 pb-2 text-xl font-semibold">{{$v->c_name}}</h2>
                                <div class="row-desc pt-1 pb-2 text-sm">
                                {{$v->c_desc}}
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
        </div>
    </div>
   
    <div class="index-product overflow-hidden">
        <div class="product-index1  py-12">
            @foreach($index_product as $v)
            <div class=" product-items ">
                <a href="{{$v->url}}"><div class="index-one-product rounded overflow-hidden hover:shadow-lg  m-2 py-2" style="background:#FFF;"><img class="" src="/uploads/{{$v->img}}" title="{{$v->name}}" alt="{{$v->name}}"></div></a>
            </div>
            @endforeach
        </div>
    </div>
    <div class="apps py-20" style="background-image: url(/uploads/{{$info->app_bg}});">

        <div class="app-content flex flex-wrap">
            <div class="w-full md:w-5/12">
                <div class="app-desc pt-8 pb-2 text-white px-2" style="color:#000;">
                    <h2 class="text-2xl font-semibold pb-3 aos-init aos-animate" data-aos="fade-up" >{{$info->app_title}}</h2>
                    <div class="descs leading-6 hidden md:block aos-init aos-animate" data-aos="fade-up" >{{$info->app_desc}}</div>
                </div>
            </div>
            <div class="w-full md:w-7/12">
                <div class="flex px-2 flex-wrap justify-end">
                    @foreach($app as $v)
                    <div class="one-app-icon w-full  md:w-1/3 lg:w-1/4 m-2">
                        <div class="app-icon flex flex-wrap items-center text-center border border-white rounded " style="border-color:#000;">
                            <div class="flex justify-center w-1/4 md:w-full">
                                <img src="/uploads/{{$v->img}}" title="{{$v->name}}" alt="">
                            </div>
                            <div class="text-white md:pb-4 block w-2/4 md:w-full" style="color:#000;">{{$v->name}}</div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <div class="hot-news-list flex flex-wrap">
        <div class="one-news-list w-full md:w-1/3">
            <div class="news-list m-2 p-2">
                <div class="bost-title relative py-2 mb-2">新闻<img class="absolute right-1 top-0" src="/image/new-icon.png" alt=""></div>
                @foreach($news['fong'] as $v)
                <div class=" pb-3">
                    <div class="bost-time text-sm pb-1">{{ date('Y-m-d',strtotime($v->created_at))}}</div>
                    <a href="{{$v->url}}" title="{{$v->title}}"><h3 class="text-sm new-title">{{$v->title}}</h3></a>
                </div>
                @endforeach
                <div class=" pb-3 ">
                    <a href="/category/information" title="了解更多"><h3 class="text-sm  new-title font-semibold">点击了解更多</h3></a>
                </div>
            </div>
        </div>
       
        <div class="one-news-list w-full md:w-1/3">
            <div class="news-list m-2 p-2">
                <div class="bost-title relative py-2 mb-2">资源<img class="absolute right-1 top-0" src="/image/new-icon.png" alt=""></div>
                @foreach($down as $v)
                <div class=" pb-3">
                    <div class="bost-time text-sm pb-1">{{ date('Y-m-d',strtotime($v->created_at))}}</div>
                    <a href="{{$v->type==1?$v->b_url:'/uploads/'.$v->f_url}}"  {{$v->type!=1?'download':''}} target="_blank" title="{{$v->name}}"><h3 class="text-sm new-title">{{$v->name}}</h3></a>
                </div>
                @endforeach
                <div class=" pb-3 ">
                    <a href="/support/sdk/" title="了解更多"><h3 class="text-sm  new-title font-semibold">点击了解更多</h3></a>
                </div>
            </div>
        </div>
        <div class="one-news-list w-full md:w-1/3">
            <div class="news-list m-2 p-2">
                <div class="bost-title relative py-2 mb-2">最新消息<img class="absolute right-1 top-0" src="/image/new-icon.png" alt=""></div>
                 @foreach($news['hot'] as $v)
                <div class=" pb-3">
                    <div class="bost-time text-sm pb-1">{{ date('Y-m-d',strtotime($v->created_at))}}</div>
                    <a href="{{$v->url}}" title="{{$v->title}}"><h3 class="text-sm new-title">{{$v->title}}</h3></a>
                </div>
                @endforeach
                 <div class=" pb-3 ">
                    <a href="/category/fongwahnew" title="了解更多"><h3 class="text-sm  new-title font-semibold">点击了解更多</h3></a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection